// 导航栏
.nav {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    a {
        flex: 33.33%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 3.4667vw;
        color: #707070;
        margin-top: 4.8vw;
        img {
            width: 18.6667vw;
            height: 18.6667vw;
        }
    }
}

// go模块
.go {
    background-color: #fff;
    padding: 8vw 1.8667vw 5.8667vw;
    img {
        width: 96.2667vw;
        height: 20.2667vw;
    }
}

// 就业模块
.content {
    background-color: #fff;
    margin-top: 1.3333vw;
    padding-bottom: 5.3333vw;
    .con_hd {
        display: flex;
        justify-content: space-between;
        height: 13.3333vw;
        line-height: 13.3333vw;
        padding: 0 3.2vw;
        h4 {
            display: flex;
            font-size: 3.7333vw;
            color: #333333;
            .icon {
                margin-right: 2.4vw;
                margin-top: -0.5333vw;
                img {
                    width: 5.0667vw;
                    height: 5.0667vw;
                    vertical-align: middle;
                }
            }
        }
        .more {
            font-size: 2.9333vw;
            color: #999999;
        }
    }
}

// 轮播图模块
// 就业指导模块 轮播图
.get_job_focus {
    position: relative;
    --swiper-navigation-size: 5.8667vw;/* 设置按钮大小 */
    --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
    .swiper-container {
        // 设置整个轮播图的宽度
        width: 73.3333vw;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        // 竖向显示
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        // 其余的slide被缩放为0.8，让盒子透明
        transform: scale(0.8);
        opacity: 0.4;
        a {
            width: 45.0667vw;
            height: 50.1333vw;
            img {
                width: 100%;
                height: 100%;
            }
        }
        p {
            width: 34.6667vw;
            font-size: 3.4667vw;
            color: #333333;
            margin-top: 3.2vw;
            // 让不在前面的轮播图的文字不可见
            visibility: hidden;
        }
      } 
      // 轮播图中间那个 当前选中的slide
      .swiper-slide-active,
      .swiper-slide-duplicate-active{
        transform: scale(1);
        // 让中间那个slide在最上层显示
        z-index: 9999;
        // 让盒子不透明
        opacity: 1;
        p {
            // 让播放到前面的文字可见
            visibility: visible;
        }
      }
     
}

// 充电学习模块 轮播图
.study_con {
    padding-bottom: 26.6667vw;
}
.study {
    .study_fo {
        padding-left: 4.2667vw;
    }
      .swiper-slide {
        background: #fff;
        border-radius: 1.3333vw;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        padding: 1.6vw 0 4vw 1.3333vw;
        img {
            width: 36.2667vw;
            height: 22.9333vw;
        }
        h5 {
            font-size: 3.7333vw;
            font-weight: 400;
            color: #333;
            margin: 2.6667vw 0;
            padding: 0 2.6667vw 0 0.5333vw;
        }
        p {
            font-size: 2.9333vw;
            color: #999;
            margin-left: 1.3333vw;
            span {
                color: #ff4400;
            }
        }
      }
}

// 底部模块 footer
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    // 固定定位要给宽度
    width: 100%;
    height: 15.4667vw;
    background-color: #fff;
    border-top: 1px solid #E2E2E2;
    z-index: 9999;
    padding: 1.3333vw;
    .item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        img {
            width: 6.6667vw;
            height: 6.6667vw;
            margin-bottom: 1.3333vw;
        }
        p {
            font-size: 2.9333vw;
            color: #666666;
        }
        &:nth-child(1) p {
            color: #2CCAC7;
        }
    }
}
